<template>
  <div class="moneyManager">
    <div class="m-header">
      <div>
        <play
          style="border: 1px solid rgba(221,221,221,0.2);"
        />
      </div>
      <div>
        <over-all style="border: 1px solid rgba(221,221,221,0.2);" />
      </div>
      <div>
        <wait style="border: 1px solid rgba(221,221,221,0.2);" />
      </div>
      <div>
        <profit style="border: 1px solid rgba(221,221,221,0.2);" />
      </div>
    </div>
    <div class="m-content">
      <div class="title">分项管理</div>
      <div class="main">
        <div>
          <!-- <router-link to="contractList">
            <div class="img">
              <img src="../../assets/images/minute01.png" alt="">
            </div>
            <div class="text">合同管理</div>
          </router-link> -->
          <div class="img">
            <img src="../../assets/images/minute01.png" alt="">
          </div>
          <div class="text">合同管理</div>
        </div>
        <div>
          <div class="img">
            <img src="../../assets/images/minute02.png" alt="">
          </div>
          <div class="text">罚款管理</div>
        </div>
        <div>
          <div class="img">
            <img src="../../assets/images/minute03.png" alt="">
          </div>
          <div class="text">工程签证管理</div>
        </div>
        <div>
          <div class="img">
            <img src="../../assets/images/minute04.png" alt="">
          </div>
          <div class="text">索赔(反索赔)管理</div>
        </div>
        <div>
          <div class="img">
            <img src="../../assets/images/minute05.png" alt="">
          </div>
          <div class="text">赢得值法应用管理</div>
        </div>
      </div>
      <div class="main">
        <div>
          <div class="img">
            <img src="../../assets/images/minute06.png" alt="">
          </div>
          <div class="text">请款条件管理</div>
        </div>
        <div>
          <div class="img">
            <img src="../../assets/images/minute07.png" alt="">
          </div>
          <div class="text">进度款请(收)款管理</div>
        </div>
        <div>
          <div class="img">
            <img src="../../assets/images/minute08.png" alt="">
          </div>
          <div class="text">作业队支付管理</div>
        </div>
        <div>
          <div class="img">
            <img src="../../assets/images/minute09.png" alt="">
          </div>
          <div class="text">供应商支付管理</div>
        </div>
        <div>
          <div class="img">
            <img src="../../assets/images/minute10.png" alt="">
          </div>
          <div class="text">官方奖惩费用管理</div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
import Play from './components/play'
import OverAll from './components/overAll'
import Wait from './components/wait'
import Profit from './components/profit'

export default {
  name: 'MoneyManager',
  components: {
    Play,
    OverAll,
    Wait,
    Profit
  },
  computed: {

  },
  watch: {

  },
  mounted() {}
}
</script>

<style lang="scss" scoped>
.moneyManager {
  .m-header{
    display: flex;
    margin: 21px 18px 0 18px;
    div{
        width:100%;
        background:rgba(37,38,47,1);
        margin-right: 15px;
      }
  }
  .m-content{
    .title{
      font-size:16px;
      font-weight:500;
      color:#ffffff;
      padding: 20px;
    }
    .main{
      display: flex;
      margin: 21px 18px 0 18px;
      div{
        cursor: pointer;
        width:100%;
        background:rgba(37,38,47,1);
        margin-right: 15px;
        .img{
         width: 100%;
         img{
           width: 100%;
         }
        }
        .text{
          font-size:16px;
          font-weight:500;
          color:#ffffff;
          padding: 8px;
          text-align: center;
        }
      }
    }
  }
}
</style>
